<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="author" content="zhoumiao wangli mimeijin zhangrunmo">
    <meta name="keywords" content="个人作品集, 个人网站, 作品集, 设计作品集, UX/UI, 交互作品, 设计师网站">
    <title>基因重组</title>
    <link rel="stylesheet" href="style.css">
</head>

<body>
    <div class="wrap">
        <i class="star-a"></i>
        <i class="star-b"></i>
        <i class="star-c"></i>
        <i class="star-d"></i>
        <i class="star-e"></i>
        <i class="star-f"></i>
        <i class="star-g"></i>
        <div class="tree">
            <i class="dtl-a"></i>
            <i class="dtl-b"></i>
            <i class="dtl-c"></i>
            <i class="dtl-d"></i>
            <i class="dtl-e"></i>
            <i class="dtl-f"></i>
            <i class="dtl-g"></i>
            <i class="dtl-h"></i>
            <i class="dtl-i"></i>
            <i class="dtl-j"><i class="dtl-1"></i><i class="dtl-2"></i></i>
            <i class="dtl-k"></i>
            <i class="dtl-l"></i>
            <i class="dtl-m"><i class="dtl-1"></i><i class="dtl-2"></i></i>
            <i class="dtl-n"><i class="dtl-1"></i></i>
            <i class="dtl-o"><i class="dtl-1"></i></i>
        </div>
        <div class="bottom"></div>
        <div class="text">
            <i>H</i><i>a</i><i>p</i><i>p</i><i>y</i><i></i>
            <i>H</i><i>a</i><i>l</i><i>l</i><i>o</i><i>w</i><i>e</i><i>e</i><i>n</i>
        </div>
        <div class="ghost"><i class="ghom"></i><i class="ghot"></i><i class="ghod"></i></div>
        <div class="pumpkin pa"><i class="face"></i><i class="mouth"><i class="teeth"></i><i class="detail"></i></i>
        </div>
        <div class="pumpkin pb"><i class="face"></i><i class="mouth"><i class="teeth"></i><i class="detail"></i></i>
        </div>
        <div class="pumpkin pc"><i class="face"></i><i class="mouth"><i class="teeth"></i><i class="detail"></i></i>
        </div>
        <div class="pumpkin pd"><i class="face"></i><i class="mouth"><i class="teeth"></i><i class="detail"></i></i>
        </div>
        <div class="pillar">
            <i class="pila"></i>
            <i class="pilb"></i>
            <i class="pilc"></i>
            <i class="pild"></i>
            <i class="pils-a"></i>
            <i class="pils-b"></i>
            <i class="pils-c"></i>
            <i class="spider">
            <i class="leg-a"></i>
            <i class="leg-b"></i>
            <i class="leg-c"></i>
            </i>
        </div>
        <div class="stone sa"><i class="mrk"><i></i><i></i></i><i class="stoa"></i><i class="stob"></i><i class="stoc"></i></div>
        <div class="stone sb"><i class="txt"></i><i class="stoa"></i><i class="stob"></i><i class="stoc"></i><i class="stod"></i></div>
        <div class="owl"><i class="head"></i></div>
        <div class="bone ba"><i class="bl"></i><i class="br"></i></div>
        <div class="bone bb"><i class="bl"></i><i class="br"></i></div>
        <div class="bone bc"><i class="bl"></i><i class="br"></i></div>
        <div class="skull"><i class="eye el"></i><i class="eye er"></i><i class="nose"></i><i class="teeth"></i><i class="crack"></i></div>
    </div>
    <div class="everyonea">
        <div class="flip-card-containera">
            <div class="flip-carda">
                <div class="flip-card-fronta">
                    <img src="zhoumiao.jpg" alt="Albert Einstein">
                </div>
                <div class="flip-card-backa">
                    <p>
                        "Cross the stars over the moon to meet your better self."
                        <a href=" http://zhou-miao-maio.gitee.io/personal-website-1" target="_blank" class="heart-icona"><span class="xiahuaxiana">- zhoumiao -</span></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
    <div class="everyoneb">
        <div class="flip-card-containerb">
            <div class="flip-cardb">
                <div class="flip-card-frontb">
                    <img src="mimeijin.jpg" alt="Albert Einstein">
                </div>
                <div class="flip-card-backb">
                    <p>
                        "Learning requires three hearts, one confidence, two determination, and three perseverance."
                        <a href=" http://mi-meijin.gitee.io/personal-website" target="_blank" class="heart-iconb"> <span class="xiahuaxianb">- mimeijin -</span></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="everyonec">
        <div class="flip-card-containerc">
            <div class="flip-cardc">
                <div class="flip-card-frontc">
                    <img src="wangli.jpg" alt="Albert Einstein">
                </div>
                <div class="flip-card-backc">
                    <p>
                        "One day is worth two tomorrows."
                        <a href="http://wang-lililili.gitee.io/ten-thousand-works" target="_blank" class="heart-iconc"> <span class="xiahuaxianc">- wangli -</span></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="everyoned">
        <div class="flip-card-containerd">
            <div class="flip-cardd">
                <div class="flip-card-frontd">
                    <img src="zhangrunmo.jpg" alt="Albert Einstein">
                </div>
                <div class="flip-card-backd">
                    <p>
                        "Two things are infinite: the universe and human stupidity; and I'm not sure about the universe."
                        <a href=" http://wang-lililili.gitee.io/ten-thousand-works" target="_blank" class="heart-icond"> <span class="xiahuaxiand">- zhangrunmo -</span></a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <div class="zhuti">WELCOME</div>
    <div class="zhutia">TO</div>
    <div class="zhutib">OUR</div>
    <div class="zhutic">WORLD</div>
    <div class="footer">
        <div class="tuanduimingzi">Conmpany:</div>
        <div class="tuanduimingzia">Gene recombination</div>
        <div class="tuanduimingzib">Conmpany.All rights reserved.</div>
    </div>
    <audio src="理想三旬.mp3" autoplay loop></audio>
</body>

</html>